export const initCustomization = {
  header: {
    position: 'left',
    detailsArrangement: 'wrap',
    detailsDisplayLeftRight: 'icon',
    showLabel: true,
  },
  layout: {
    colsFromDetails: {
      top: 'one',
      left: 'two',
      right: 'two',
    },
    detailsPosition: 'top',
    colWidthsFromDetails: {
      left: { leftWidth: 40, rightWidth: 60 },
      right: { leftWidth: 60, rightWidth: 40 },
      top: { leftWidth: 50, rightWidth: 50 },
    },
    selected: 'one',
  },
  sectionOrder: {
    one: {
      leftSectionChildren: [],
    },
    two: {
      leftSectionChildren: [],
      rightSectionChildren: [],
    },
  },
  spacing: {
    fontSize: 4,
    lineHeight: 3,
    marginHorizontal: 3,
    marginVertical: 8,
    spacingFactor: 1,
  },
  colors: {
    light: {
      accentColor: { r: 51, g: 51, b: 51, a: 1 },
      backgroundColor: { r: 255, g: 255, b: 255, a: 1 },
      textColor: { r: 51, g: 51, b: 51, a: 1 },
    },
    strong: {
      accentColor: { r: 51, g: 51, b: 51, a: 1 },
      backgroundColor: { r: 255, g: 255, b: 255, a: 1 },
      textColor: { r: 51, g: 51, b: 51, a: 1 },
    },
  },
  template: 'tpl1',
  applyAccentColor: [],
};
